<script lang="ts" setup></script>

<template>
  <div class="home-container">
    <img src="/public/images/home.jpg" class="home-img" alt="">
    <router-link to="/admin/home" class="router-link-btn">用户管理</router-link>
    <div class="home-title">uncleTom的脚手架</div>
    <div class="home-title">如果发现脚手架有什么问题或者建议可以wx联系:
      <span class="home-title-span">Uncle_Tom520</span>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.home-container{
   @apply h-screen w-full bg-gray-700 flex justify-center items-center flex-col;


  .home-img{
    @apply w-40 h-40 rounded-full p-2 bg-white flex justify-center items-center;
  }

   .router-link-btn{
     @apply bg-blue-500 text-white px-4 py-2 rounded-md mt-4;
   }

   .home-title{
    @apply text-white text-sm  mt-4 drop-shadow-md text-gray-200;
   }

   .home-title-span{
    @apply text-blue-500 text-sm ;
   }
}
</style>
